<template>
	<view class="box">
		<view class="up">
			<view>满减总面额非价格,券包组合见详情页</view>
			<image src="../../static/w2.png" mode=""></image>
		</view>
		<view class="down">
			<view class="downLeft">
				<view class="downleftTitle">￥<text>1818</text></view>
				<view>2616元加油券包</view>
			</view>
			<view class="downRight">
				已售：3645
			</view>
		</view>
		<view class="centerOne">
			<view>保障</view>
			<view>支持7天无理由退款·消费者保障服务</view>
			<view></view>
		</view><!--centerOne-->
	</view>
</template>

<script>
</script>

<style>
	.up{background-color: #FBF5FE;padding: 10px;box-sizing: border-box;}
	.up>view{font-size: 12px;}
	.up>image{width: 100%;display: block;padding: 50px 0;}
	.down{padding: 15px;box-sizing: border-box;display: flex;justify-content: space-between;}
	.downLeft{font-size: 18px;line-height: 28px;}
	.downleftTitle{color: #f00;}
	.downleftTitle>text{font-size: 22px;font-weight: bold;}
	.downRight{color: #999;}
	.centerOne{border: 1px solid red;}
</style>